// [].slice.call(arguments)原理解析 - SegmentFault 思否
// https://segmentfault.com/a/1190000023473930
// 1. 选择器得到NodeList
// 2.  [].slice.call(obj)得到类数组对象  <<———简写——— Array.prototype.slice.call(arguments)
// 3. 每一个数组中的元素添加监听click事件

[].slice.call(
    document.querySelectorAll('input[name="shape"]')
).forEach(
    function (radio) {
        radio.addEventListener('click',
            function () {
                document.querySelector('.shape').style.shapeOutside = this.value;
            }
        );
    }
);


[].slice.call(document.querySelectorAll('input[name="threshold"]')).forEach(function (radio) {
    radio.addEventListener('click', function () {
        document.querySelector('.shape-image-threshold').style.shapeImageThreshold = this.value;
    });
});